<div ng-controller="effectCtrl">

<!-- contain BEGIN -->
    <div class="has-tree right-product right-full">
        <div class="list-contain center-back right-back">
        <!-- 顶部导航 BEGIN -->
        	<ul class="breadcrumb">
                <li>
	            	<a href="#">
	                    <img class="breadcrumb-right-img-home" height="20px" src="../images/right-product/home.png">首页
	               </a>   
        		</li>
                <li>
            		<img class="breadcrumb-right-img" src="../images/public/right4.png">
        		</li>
                <li>
                    <a href="#">功能管理</a>
                </li>
                 <li>
           			 <img class="breadcrumb-right-img" src="../images/public/right4.png">
        		</li>
                <li>
                    <a href="#" class="active">功能管理</a>
                </li>
        	</ul>
    	<!-- 顶部导航 END -->
		
		<div class="container-fluid">
            <div class="info-center">
		    	<!-- 操作 BEGIN -->  
		        	<div class="button-group">
		                    <button type="button" 
		                    		class="btn btn-default" 
		                    		data-toggle="modal" 
		                    		data-target="#newlyAdded"
                                    ng-click="newlyAdded()"
		                    		>
		                        <span class="glyphicon glyphicon-plus" ></span> 新增
		                    </button>
		                    <button type="button" 
		                    	    class="btn btn-default btn-md yellow" 
		                    	    ng-mousedown="getDataID()" 
                                    ng-click="check()"
		                    	    >
		                    	<span class="glyphicon glyphicon-trash"></span> 批量删除
		               		</button>
		               		<button type="button" 
		               		  		class="btn btn-default redbtn" 
		               		  		ng-mousedown="getDataID()"
                                    ng-click="disabled()"
		               		  		>
		                   		<span class="glyphicon glyphicon-minus-sign"></span> 批量禁用
		               		 </button>
		                 	<button type="button" 
		                 			class="btn btn-default"
		                 			ng-mousedown="getDataID()"
                                    ng-click="enable()"
		                 			>
		                    	<span class="glyphicon glyphicon-ok-sign"></span> 批量启用
		               		</button>
		               		<button type="button" 
		               				class="btn btn-default yellow" 
		               				ng-click="move()"
		               				>
		                    	<span class="glyphicon glyphicon-resize-horizontal"></span> 移动
		               		</button>

		                    <!-- search BEGIN -->
                                <div class="input-group pull-right search-width">
                                    <input type="text" 
                                           class="form-control search-input" 
                                           placeholder="请输入需要检索的内容" 
                                           ng-model="effect_search"
                                           >
                                    <span class="input-group-addon search-btn">
                                        <img src="../images/right-product/search.png">检索
                                    </span>
                                </div>
                            <!-- search END -->

		        	</div>
		    	<!-- 操作 END -->

	            <!-- 列表内容 BEGIN -->
	                <div class="contain">
	                    <div class="clearfix"></div>
	                    <!-- 表格 BEGIN -->
	                    	<effect-table></effect-table>
	                    <!-- 表格 END -->
	                </div>
	            <!-- 列表内容 BEGIN -->
			</div>

				<!-- pagination BEGIN -->
		        	<div class="info-bottom">
		            	<table>
		                    <tfoot ng-show="isNoData">
		                        <tr>
		                            <td colspan="12">
		                                <nav>
		                                    <tm-pagination conf="paginationConf"></tm-pagination>
		                                </nav>  
		                        	</td>
		                        	<td colspan="12" class="text-center" ng-hide="isNoData">服务器已断开</td>
		                        </tr>
		                    </tfoot>
		                </table>
		            </div> 
				<!-- pagination END -->
	        </div>
    	</div>
	</div>
<!-- contain END -->
        
<!-- 新增 BEGIN -->
	<effect-newlyadded></effect-newlyadded>
<!-- 新增 END -->

<!-- 详情 BEGIN -->
	<effect-details></effect-details>
<!-- 详情 END -->

<!-- 修改 BEGIN -->
	<effect-edit></effect-edit>
<!-- 修改 END -->

<!-- 删除 BEGIN -->
	<effect-delete></effect-delete>
<!-- 删除 END -->

<!-- 权限列表 BEGIN -->
	<effect-permission></effect-permission>
<!-- 权限列表 END --> 

 </div>
